.trace_logs {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  gap: 6px;

  .content {
    border-radius: 12px;
    // margin: 12px 1.5rem;

    .table {
      height: fit-content;
      padding: 24px;
      background-color: #fff;
      border-radius: 18px;
      background: #ffffff;
    }
  }
}

// 插槽中的header样式
.slot_header {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  .header_left {
    display: flex;
    align-items: center;
    gap: 12px;

    .range_picker {
      margin-right: 12px;
    }
  }

  .header_right {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  :global {
    .ant-select .ant-select-selector,
    .ant-picker {
      border-color: transparent !important;
    }

    .ant-btn {
      min-width: 70px;
      height: 32px;
      line-height: 32px;
      border-radius: 8px;
      background: #ffffff !important;
      box-sizing: border-box;
      border-color: #ffffff !important;
      padding: 0 12px;
      box-shadow: none !important;

      &.ant-btn-primary {
        color: #6356EA;

        &:hover {
          color: #6356EA;
        }
      }

      &:hover {
        opacity: 0.6;
      }
    }
  }
}

.checkbox_group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.checkbox_group_container {
  min-width: 200px;
  padding: 8px 0;
}
.trace_id {
  display: flex;
  align-items: center;
  gap: 12px;
  .trace_id_text {
    flex: 1;
  }
  .copy_icon {
    cursor: pointer;
  }
}
.reset_button {
  margin-top: 12px;
  text-align: center;
  color: #1890ff;
  cursor: pointer;
}

.select_label {
  display: flex;
  align-items: center;

  .select_label_icon {
    flex-shrink: 0;
    margin-left: auto;
    padding: 3px 7px;
    border-radius: 18px;

    > img {
      width: 12px;
      height: 12px;
    }

    &.blue {
      background: linear-gradient(90deg, #c7d3fc 0%, rgba(132, 156, 228, 0.1) 100%);
    }

    &.yellow {
      background: linear-gradient(270deg, #fae9c6 0%, #edc873 100%);
    }

    &.orange {
      background: linear-gradient(90deg, #261c07 0%, #553917 100%);
    }
  }
}
